<template>
  <!-- <view class='myHandle'>
    <view class="myHandle_ul">
      <view
        class="myHandle_li"
        v-for="item in getData"
        :key="item.id"
      >
        <view class="title_box">
          <view class="p1">{{item.title}}</view>
          <icon
            v-if="item.flag"
            size='12'
            type='success'
          />
          <nut-icon
            v-else
            name="clock"
            size='12'
          ></nut-icon>
        </view>
        <view class="title2_box">
          <view
            class="title2"
            v-show="item.title2?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title2}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view
              class=""
              v-show="(item.flag==true&&item.user2==''&&item.time2==''&&item.beizhu2=='')?false:true"
            >
              <view class="p2">办理时间： {{item.time2}}</view>
              <view class="p2">办理人： {{item.user2}}</view>
              <view class="p2">备注： {{item.beizhu2}}</view>
            </view>
          </view>
          <view
            class="title2"
            v-show="item.title3?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title3}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view class="">
              <view class="p2">办理时间： {{item.time3}}</view>
              <view class="p2">办理人： {{item.user3}}</view>
              <view class="p2">备注： {{item.beizhu3}}</view>
            </view>
          </view>
          <view
            class="title2"
            v-show="item.title4?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title4}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view class="">
              <view class="p2">办理时间： {{item.time4}}</view>
              <view class="p2">办理人： {{item.user4}}</view>
              <view class="p2">备注： {{item.beizhu4}}</view>
            </view>
          </view>
          <view
            class="title2"
            v-show="item.title5?true:false"
          >
            <view class="p1">
              <view class="text">{{item.title5}}</view>
              <view
                class="state"
                :style="item.flag?{color:'#418cff'}:{color:'red'}"
              >{{item.flag?'已办理':"未办理"}}</view>
            </view>
            <view class="">
              <view class="p2">办理时间： {{item.time5}}</view>
              <view class="p2">办理人： {{item.user5}}</view>
              <view class="p2">备注： {{item.beizhu5}}</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view> -->
  <Handle :getData="getData"></Handle>
</template>
<script>
import './myHandle.less'
import Handle from '../../../components/Handle/Handle.vue'
export default {
  components: {
    Handle
  },
  data() {
    return {
      getData: [
        { id: 1, title: '导师', flag: true, title2: '科研工作交接', time2: '', user2: '', beizhu2: '', title3: '归还实验用品', time3: '2022-06-18', user3: '张老师', beizhu3: '试验样品已归还' },
        { id: 2, title: '班主任', flag: false, title2: '班主任工作交接', time2: '', user2: '张老师', },
        { id: 3, title: '校园服务中心', flag: true, title2: '验资产', title3: '退宿', title4: '校园卡注销', time2: '2022-06-18', user2: '张老师', beizhu2: '', time3: '2022-06-18', user3: '张老师', beizhu3: '', time4: '2022-06-18', user4: '张老师', beizhu4: '' },
        { id: 4, title: '网络中心', flag: true, title2: '网络注销', time2: '2022-06-18', user2: '张老师', beizhu2: '' },
        { id: 5, title: '大学校图书馆', flag: true, title2: '结清图书或欠费', title3: '提交电子论文', time2: '2022-06-18', user2: '张老师', beizhu2: '', time3: '2022-06-18', user3: '张老师', beizhu3: '' },
        { id: 6, title: '培养出与学位办', flag: true, title2: '填问卷并提交电子论文', time2: '2022-06-18', user2: '张老师', beizhu2: '' },
        { id: 7, title: '学工办', flag: false, title2: '学生档案迁出', title3: '团组织转移迁出', title4: '户口迁移', title5: '院友及就业业务相关', time2: '', user2: '张老师', beizhu2: '', time3: '', user3: '张老师', beizhu3: '', time4: '', user4: '', beizhu4: '', time5: '', user5: '', beizhu5: '' },
        { id: 8, title: '财务办', flag: true, title2: '学费缴纳', title3: '住宿费缴纳', time2: '', user2: '', beizhu2: '', time3: '2022-06-18', user: '', beizhu3: '试验样品已归还' },
        { id: 9, title: '培养处', flag: false, title2: '离院审核', time2: '', user2: '', },

      ]
    }
  }
}
</script>
<style>
</style>